<style>
.csm-inlineselect{
	width: 200px;
	display:inline;
}
.csm-refresh{
	padding-left: 5px;
}
.csm-inlinedate{
	width: 150px !important;
	display: inline-table;
}
</style>
<div class="panel panel-default panel-intro">
    <div class="panel-heading">
        {:build_heading(null,FALSE)}
    </div>
    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        {:build_toolbar('refresh')}
                        <a class="btn btn-default btn-singlesearch" href="javascript:;" id='before1'>昨日数据</a>
                        <a class="btn btn-info btn-singlesearch" href="javascript:;" id='before7'>7天前数据</a>
                        <a class="btn btn-default btn-singlesearch" href="javascript:;" id='before30'>30天前数据</a>
               
                        <!-- <a class="btn btn-info btn-disabled disabled btn-selected" href="javascript:;"><i class="fa fa-leaf"></i> 获取选中项</a>
                        <div class="dropdown btn-group {:$auth->check('page/multi')?'':'hide'}">
                            <a class="btn btn-primary btn-more dropdown-toggle btn-disabled disabled" data-toggle="dropdown"><i class="fa fa-cog"></i> {:__('More')}</a>
                            <ul class="dropdown-menu text-left" role="menu">
                                <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="status=normal"><i class="fa fa-eye"></i> {:__('Set to normal')}</a></li>
                                <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="status=hidden"><i class="fa fa-eye-slash"></i> {:__('Set to hidden')}</a></li>
                            </ul>
                        </div>
                        <a class="btn btn-success btn-singlesearch" href="javascript:;"><i class="fa fa-user"></i> 自定义搜索</a>
                        <a class="btn btn-success btn-change btn-start" data-params="action=start" data-url="example/bootstraptable/change" href="javascript:;"><i class="fa fa-play"></i> 启动</a>
                        <a class="btn btn-danger btn-change btn-pause" data-params="action=pause" data-url="example/bootstraptable/change" href="javascript:;"><i class="fa fa-pause"></i> 暂停</a> -->
                    </div>
                    <div id="toolbar2" class="toolbar" style="padding-top:10px;">
 						<span class='input-group date csm-inlinedate' id='datetimepicker1' >
							<input type='text' class="timeInput form-control"
								id="datetimepicker1_input" /> <span class="input-group-addon">
								<span class="glyphicon glyphicon-calendar"></span>
							</span>
						</span>	
						<span style="display: inline"> ~ </span>
						<span class='input-group date csm-inlinedate' id='datetimepicker2'>
							<input type='text' class="timeInput form-control"
								id="datetimepicker2_input" /> <span class="input-group-addon">
								<span class="glyphicon glyphicon-calendar"></span>
							</span>
						</span>		
						<span class='input-group date csm-inlinedate' id='datetimepicker2'>
							<input type='button' class="btn btn-default timeInput form-control" style="width: 50px;" id="dateconfirm" value="提交"/>  
						</span>	 
					</div>                  
                    <table id="table" class="table table-striped table-bordered table-hover" 
                           width="100%">
                    </table>
                    
                </div>
            </div>
        </div>
        
	    <div class="row">
			<div class="col-md-12 panel panel-default" style="border:0px">
				<div class="page-header header">
					<h4>趋势分析</h4>
				</div>
				<div>
					指标：
					<select class="form-control csm-inlineselect" id="chart1select">
						<option value="ips">访问量(IP)</option>
						<option value="pvs">浏览量(PV)</option>
						<option value="uvs">访客数(UV)</option>
						<option value="vvs">访问频次(VV)</option>
					</select>
	
				</div>
				<div id="chart1" style="width: 100%;height: 400px;"></div>
			</div>

		</div>        
    </div>
</div>